<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>用户管理页</title>
    <link rel="stylesheet" href="../backEnd/css/public.css" />
    <link rel="stylesheet" href="./css/cms_userList.css" />
  </head>
  <script src="../public/font_4715250_5743flml4vx/iconfont.js"></script>
  <script src="../public/js/axios.js"></script>
  <body>
    <!-- 总体样式 -->
    <div class="content">
      <!-- 目录 -->
      <div class="contentDirectory">
        <!-- 中心线 -->
        <div class="directoryCenter">
          <div class="Tr">CMS</div>
          <svg class="icon right" aria-hidden="true">
            <use xlink:href="#icon-xiangyou1"></use>
          </svg>
          <div class="Td">用户管理</div>
        </div>
      </div>
      <!-- 内容栏 -->
      <div class="cmsContents">
        <div class="filterAndAdd">
          <!-- 中心线 -->
          <div class="filterCenter">
            <!-- 筛选框 -->
            <input
              type="text"
              class="inputSearch"
              placeholder="请输入查询名称"
              value=""
            />
            <svg class="icon searchIcon" aria-hidden="true" onclick="Search()">
              <use xlink:href="#icon-sousuo"></use>
            </svg>
            <!-- 添加用户 -->
            <div class="addUser" onclick="addListHiden()">添加用户</div>
          </div>
        </div>
        <!-- 表单栏 -->
        <div class="form">
          <div class="formTr">
            <div class="formTitle">编号</div>
            <div class="formTitle">用户名</div>
            <div class="formTitle">姓名</div>
            <div class="formTitle">头像</div>
            <div class="formTitle">操作</div>
          </div>
        </div>
        <!-- 分页器 -->
        <div class="page">
          <div class="pagefilter" onclick="pagefilter()">
            <div class="fivePage" onclick="five()">
              <span class="size">5</span>条/页
            </div>
          </div>
          <svg class="icon leftIcon" aria-hidden="true" onclick="goBack()">
            <use xlink:href="#icon-xiangzuo"></use>
          </svg>
          <div class="pageNumber">1</div>
          <svg class="icon rightIcon" aria-hidden="true" onclick="next()">
            <use xlink:href="#icon-xiangyou1"></use>
          </svg>
          <div class="goNumber">
            前往
            <input type="text" value="1" class="goNum" onblur="page()" />
            页
          </div>
          <div class="allTotal">
            总页数 <span class="allTotals"></span> 页
          </div>
        </div>
        <!-- 添加用户模态框 -->
        <div class="mask">
          <div class="maskCenter">
            <div class="maskTop">
              <div class="maskTitle">
                添加用户
              </div>
              <div class="close" onclick="closeWindows()">X</div>
            </div>         
            <div class="inputLi">
              <span>登录名：</span>
              <input id="loginnameValue" type="text"  class="enter" value="" placeholder="请输入登录名" required>
            </div>
            <div class="inputLi">
              <span>密码：</span>
              <input type="text" id="passwordValue" class="enter" value="" placeholder="请输入密码" required>
            </div>
            <div class="inputLi">
              <span>用户名：</span>
              <input id="usernameValue" type="text" class="enter" value="" placeholder="请输入用户名" required>
            </div>
            <div class="yesOrNo">
              <div class="Yes" onclick="addList()">添加</div>
              <div class="No" onclick="closeWindows()">关闭</div>
            </div>
          </div>
        </div>
        <!-- 修改用户模态框 -->
        <div class="mask maskupdate">
          <div class="maskCenter">
            <div class="maskTop">
              <div class="maskTitle">
                修改用户
              </div>
              <div class="close" onclick="closeWindowsupdate()">X</div>
            </div>         
            <div class="inputLi">
              <span>登录名：</span>
              <input id="loginnameValues" type="text"  class="enter"  placeholder="请输入登录名" required value="">
            </div>
            <div class="inputLi">
              <span>用户名：</span>
              <input id="usernameValues" type="text" class="enter"  placeholder="请输入用户名" required value="">
            </div>
            <div class="yesOrNo">
              <div class="Yes" onclick="updateList()">修改</div>
              <div class="No" onclick="closeWindowsupdate()">关闭</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src="../background/js/cms_userList.js"></script>
</html>
